<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>申鹭达卫浴闻喜旗舰店</title>

<script type="text/javascript" src="js/move.js"></script>
<script type="text/javascript" src="js/tuozhuai.js"></script>

<style type="text/css">
html, body, div, p, img, a {
	margin: 0 auto;
	padding: 0;
}
html, body {
	height: 100%;
}
body {
	padding: 0px 20px;
	box-sizing: border-box;
	font-family: "微软雅黑";
	font-size: 14px;
	background-color: #252525;
}
.img_100 img {
	width: 100%;
	max-width: 100%;
}
.margin_bottom_15 {
	margin-bottom: 15px;
}
.text_center {
	text-align: center;
}
.drag_div {
	margin-top: 30px;
	width: 1300px;
	height: 760px;
	overflow: hidden;
	position: relative;
}
.drag_div>div {
	background: #fff;
	padding: 5px;
	box-sizing: border-box;
	overflow: hidden;
}
.drag_div>div.one {
	position: absolute;
	top: 0;
	left: 0;
	width: 20%;
	height: 240px;
}
.drag_div>div.two {
	position: absolute;
	top: 260px;
	left: 0;
	width: 20%;
	height: 240px;
}
.drag_div>div.three {
	position: absolute;
	top: 520px;
	left: 0;
	width: 20%;
	height: 240px;
}
.drag_div>div.four {
	position: absolute;
	top: 0px;
	left: 21%;
	width: 37%;
	height: 760px;
}
.drag_div>div.five {
	position: absolute;
	top: 0px;
	left: 59%;
	width: 20%;
	height: 280px;
}
.drag_div>div.six {
	position: absolute;
	top: 300px;
	left: 59%;
	width: 20%;
	height: 220px;
}
.drag_div>div.seven {
	position: absolute;
	top: 540px;
	left: 59%;
	width: 20%;
	height: 220px;
}
.drag_div>div.eight {
	position: absolute;
	top: 0px;
	left: 80%;
	width: 20%;
	height: 280px;
}
.drag_div>div.nine {
	position: absolute;
	top: 300px;
	left: 80%;
	width: 20%;
	height: 220px;
}
.drag_div>div.ten {
	position: absolute;
	top: 540px;
	left: 80%;
	width: 20%;
	height: 220px;
}
.drag_div>div.one img, .drag_div>div.two img, .drag_div>div.three img {
	width: 100%;
	height: 180px;
}
.drag_div>div.four img {
	width: 100%;
	height: 700px;
}
.drag_div>div.five img, .drag_div>div.eight img {
	width: 100%;
	height: 220px;
}
.drag_div>div.six img, .drag_div>div.seven img, .drag_div>div.nine img, .drag_div>div.ten img {
	width: 100%;
	height: 160px;
}
</style>

</head>
<body>

<div class="drag_div" id="drag_div">
  <div class="one">
    <p class="img_100 margin_bottom_15"><img src="images/4.jpg"></p>
    <p class="text_center">热销</p>
  </div>
  <div class="two">
    <p class="img_100 margin_bottom_15"><img src="images/2.jpg"></p>
    <p class="text_center">热销</p>
  </div>
  <div class="three">
    <p class="img_100 margin_bottom_15"><img src="images/3.jpg"></p>
    <p class="text_center">热销</p>
  </div>
  <div class="four">
    <p class="img_100 margin_bottom_15"><img src="images/1.jpg"></p>
    <p class="text_center">热销</p>
  </div>
  <div class="five">
    <p class="img_100 margin_bottom_15"><img src="images/5.jpg"></p>
    <p class="text_center">热销</p>
  </div>
  <div class="six">
    <p class="img_100 margin_bottom_15"><img src="images/6.jpg"></p>
    <p class="text_center">热销</p>
  </div>
  <div class="seven">
    <p class="img_100 margin_bottom_15"><img src="images/7.jpg"></p>
    <p class="text_center">热销</p>
  </div>
  <div class="eight">
    <p class="img_100 margin_bottom_15"><img src="images/8.jpg"></p>
    <p class="text_center">热销</p>
  </div>
  <div class="nine">
    <p class="img_100 margin_bottom_15"><img src="images/9.jpg"></p>
    <p class="text_center">热销</p>
  </div>
  <div class="ten">
    <p class="img_100 margin_bottom_15"><img src="images/10.jpg"></p>
    <p class="text_center">热销</p>
  </div>
</div>

<div style="text-align:center;">
<p>更多产品：<a href="http://www.sunlot.cn/product.html" target="_blank">申鹭达卫浴闻喜旗舰店</a>&nbsp;&nbsp;&nbsp;闻喜建材市场西二排申鹭达卫浴，电话：13753910109</p>
</div>
</body>
</html>